$(function () {//页面加载
    var html = ""//声明一个空字符串
    for (i in citys) {//for in循环遍历citys（省）
        html += `<option value="${i}">${citys[i].name}</option>`//给声明的空字符串拼接一个<option>标签并给标签拼接内容（省）
    }
    $("#province").append(html)//把拼接的内容添加到合适的位置
    $("#province").change(function () {//当省发生改变的时候
        $("#city option:gt(0)").remove()//保留一个
        var city = citys[$(this).val()].city//找到当前选中的省的城市并赋给一个变量
        var html = ""//声明一个空字符串
        for (i in city) {//for in循环遍历city( 市)
            html += `<option value="${$(this).val()}-${i}">${city[i].name}</option>`//给声明的空字符串拼接一个<option>标签并给标签拼接内容（市）
        }
        $("#city").append(html)//把拼接的内容添加到合适的位置
    })
    $("#city").change(function () {//市发生改变的时候
        $("#area option:gt(0)").remove()//保留一个
        var arr = $(this).val().split("-")//找到当前省和市并截取赋给一个变量
        console.log(arr)
        var area = citys[arr[0]].city[arr[1]].area//找到区并赋值
        var html = ""//声明一个空字符串
        for (i in area) {//for in循环遍历area( 区)
            html += `<option value="">${area[i]}</option>`//给声明的空字符串拼接一个<option>标签并给标签拼接内容（区）
        }
        $("#area").append(html)//把拼接的内容添加到合适的位置
    })
})